// baseList 歌单循环
import React, {Component} from 'react';
import './index.css';


class BaseList extends Component {
    render() {
        const {list} = this.props;
        return (
            <div className={'baselist_component'}>
                <header>
                    <div className="left">
                        <i className={'iconfont icon-24gf-playCircle'}></i>
                    </div>
                    <div className="middle">
                        <div className={'first'}>
                            <b>播放全部</b><span className={'count'}>(128)</span>
                        </div>
                    </div>
                    <div className="right">
                        <i className={'iconfont icon-icon_xiazai_xian'}></i>
                        <i className={'iconfont icon-duihao'}></i>
                    </div>
                </header>
                <main>
                    {list.length>0 ?list.map((v,i)=><div className={'item'} key={i} onClick={this.jump}>
                        <div className="left">
                            <span>{i+1}</span>
                        </div>
                        <div className="middle">
                            <div className={'first'}>{v.name}</div>
                            <div className="second">{v.al.name}</div>
                        </div>
                        {v.mv ? <i className={'iconfont icon-Video righticon'}></i> : null}

                            <i className={'iconfont icon-gengduo-shuxiang righticon'}></i>
                    </div>):null}
                </main>
            </div>
        );
    }
}

export default BaseList;